*{
    margin: 0;
    padding: 0;
}
//顶部灰色区开始
#zol{
    width: 100%;
    height: 29px;
    background: #F5F5F5;
    border-bottom: 1px solid #E6E6E6;
    .ding{
        width: 1200px;
        height: 29px;
        margin: 0 auto;
        font-size: 12px;
        color: #666666;       
        .zuo{
            width: 304px;
            height: 29px;
            float: left;
            line-height: 29px;
            .shouye{
                width: 68px;
                height: 14px;
                float: left;
                a{ 
                    color: #666666;
                    text-decoration: none;
                }
            }
            
//     <script src="Public/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
//      <script type="text/javascript">
//          $(function(){
//              //点击关闭图片按钮
//              $('.close_img').click(function(){
//                  //删除图片元素
//                  var str = '<label for="exampleInputEmail1">缩略图</label><input id="exampleInputEmail1" type="file" name="thumb">';
//                  $('#upload_box').html(str);
//              })
//          })
//      </script>     
//          
            
            
            .denglu{
                width: 182px;
                height: 14px;
                float: left;            
                a{  
                    color: #3366CC;
                    text-decoration: none;
                }
            }
            .zhuce{
                width: 48px;
                height: 14px;
                float: left;
                a{
                    color: #3366CC;
                    text-decoration: none;
                }
            }
            span a:hover{
                color: #CC0000;
                text-decoration: underline;
            }
        }
        .you{
            width: 670px;
            height: 29px;
            float: right;
            list-style: none;            
            li{
                float: right;
                line-height: 29px;
                margin: 0 10px;
                text-align: center;
                .fa{
                    margin-left: 6px;
                }
                .shouji{
                    color:red;
                    font-size: 21px;
                    margin-right: 5px;
                }
                a{ 
                    color: #666666;
                    text-decoration: none;
                }
            }
            .maijia{
                width: 81px;
                height: 29px;                 
            }
            li a:hover{
                color: #CC0000;
                text-decoration: underline;
            }
        }       
    }
}
//顶部灰色区结束



  


//搜索区开始
#sousuo{
    width: 1200px;
    height: 92px;
    margin: 0 auto;
    margin-top: 25px;
    .zuo{
        width: 380px;
        height: 55px;
        float: left;         
        a{ 
           display:block;
           width: 180px;
           height: 50px;
           padding-right: 10px;
           border-right: 1px solid #EEEEEE;
           background: url(../img/logo.gif) no-repeat; 
           float: left;
        }
        p{
            display:block;
            width: 178px;
            height: 44px;
            line-height: 44px;
            float: right;
            font-size: 15px;
            color: #666666;
        }
    }
    .zhong{
        width: 596px;
        height: 73px;
        float: left;
        form{
            float: right;
            .kuang{
                width: 447px;
                height: 32px;
                border: 2px solid #C40000;
                text-indent: 8px;
                margin-top: 12px;
            }
            .sou{
                width: 89px;
                height: 36px;
                background: #C40000;
                border: none;
                color: #FFFFFF;
                font-size: 18px;
                font-family: "宋体";
            }          
        }
        .iPhone{
                width: 540px;
                height: 25px;
                float: right;
                font-size: 12px;
                margin-top: 10px;
                a{
                    margin-right: 15px;
                    color: #999999;
                    text-decoration: none;
                }
                a:hover{
                color: #CC0000;
                text-decoration: underline;
            }
            }        
    }
    .you{
        width: 180px;
        height: 60px;
        float: right;
        a{
            display: block;
            widows: 180px;
            height: 60px;
            background: url(../img/hanghuo.jpg);
            background-size: 100%;
        }
    }
}
//搜索区结束


     


//分类条开始
#fenlei{
    width: 1200px;
    height: 34px;
    margin: 0 auto;
    border-bottom: 2px solid #C40000;
    .zuo{
        width: 200px;
        height: 444px;
        float: left;
        h2{
            width: 200px;
            height: 34px;
            font-size: 16px;
            font-family: "宋体";
            color: #FFFFFF;
            line-height: 34px;
            text-align: center;
            background: #C40000;
            border-bottom: 1px solid #C40000;
        }
        .fenlei{
            width: 200px;
            height: 341px;
            background: #2D2D2D;
            ul{
                list-style: none;
                width: 200px;
                height: 313px;
                position: relative;
                li{
                    width: 199px;
                    height: 40px;
                    border-top: 1px solid #3D3D3D;
//                  position: relative;
                    &:hover{
                        background: #FFFFFF;
                        border-left: 1px solid #2D2D2D;
                    }
                    &:hover a{
                        color: #543333;
                    }
                    .erji_1{display: none;}
                    &:hover .erji_1{
                        display: block;
                        width: 690px;
                        height: 399px;
                        background: red;
                        position: absolute;
                        left: 199px;
                        top: 0px;
                        padding: 5px 30px;
                        background: #FFF none repeat scroll 0% 0%;
                        border-right: 1px solid #E6E6E6;
                        border-bottom: 1px solid #E6E6E6;
                        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
                        .erji_11{
                            width: 622px;
                            height: 26px;
                            padding: 15px 0px 8px 68px;
                            font: 12px/26px "Microsoft YaHei","微软雅黑";
                            position: relative;
                            .ff{
                                position: absolute;
                                top: 8px;
                                left: 0px;
                                font-weight: bold;
                                a{
                                    color: #00AE75;
                                }
                            }
                        }
                        .goa{
                            width: 622px;
                            height: 49px;
                            background: url(../img/01.png)0px 35px;
                        }
                        .shen{
                            width: 622px;
                            height: 52px;
                            position: relative;
                            padding: 15px 0px 20px 68px;
                            font: 12px/26px "Microsoft YaHei","微软雅黑";
                            border-bottom: 1px solid #EEE;
                            .me{
                                position: absolute;
                                top: 15px;
                                left: 0px;
                                font-weight: bold;
                                a{
                                    color: #333;
                                    font-weight: bold;
                                }
                                
                            }
                            .ll{
                                color: #D3D3D3;
//                               border-bottom: 1px solid #E3D8D8;
                                p{
                                    display: block;
                                    width: 622px;
                                    height: 26px;
                                    padding-top: 3px;
                                    a{
                                        padding: 0px 8px;
                                        border-right: 1px solid #E3D8D8;
                                        
                                        
                                    }
                                }
                            }
                        }
                    }
                    a{
                        line-height: 40px;
                        color: #FFFFFF;
                        font: 12px/38px "Microsoft YaHei","微软雅黑";
                        text-decoration: none;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
                    .fa{
                        color: #818181;
                        margin: 0px 6px 0px 12px;
                    }
                }
            }           
        }
        .qiang{
                width: 200px;
                height: 70px;
                a{
                    display: block; 
                    width: 200px;
                    height: 70px;
                    background: url(../img/biao.gif);
                    background-size: 100%;
                }
            }
    }
    .you{
        width: 1000px;
        height: 30px;
        float: right;
        li{
//          width: 78px;
            height: 33px;
            float: left;
            list-style: none;
            text-align: center;
            line-height: 33px;
            padding: 0px 20px;
            
            a{
                color: #333333;
                text-decoration: none;
                &:hover{
                    color: #FF3333;
                }
            }
            .shouye{
                color: #FF3333;
            }
        }
        .sheng{
            height: 30px;
            float: right;
            a{
                color: #FF3333;
                text-decoration: none;
                &:hover{
                    color: #CC0000;
                    text-decoration: underline;
                }
            }
        }
    }
}
//分类条结束





//<!--轮播区开始-->
   #lunbo{
       width: 1200px;
       height: 411px;
       margin: 0 auto;
       .you{
           width: 240px;
           height: 411px;
           float: right;
           .shang{
               width: 240px;
               height: 182px;
               margin-top: 10px;
               border: 1px solid #EDEDED;
               .gonggao{
                   width: 198px;
                   height: 22px;
                   margin: 0 auto;
                   margin-top:15px;
                   font: 14px/22px "Microsoft YaHei","微软雅黑";
               }
           }
           ul{
               width: 198px;
               height: 128px;
               list-style: none;
               margin: 0 auto; 
               padding-top: 8px;                                                   
               li{
                   width: 198px;
                   height: 24px;
                   font: 12px/24px "Microsoft YaHei","微软雅黑";
                   a{
                       color: #666666;
                       text-decoration: none;
                       &:hover{
                    color: #CC0000;
                    text-decoration: underline;
                        }
                   }
               }
           }
           .xia{
               width: 240px;
               height: 220px;
               border: 1px solid #EDEDED;
               border-top: none;
               margin-top: -1px;
               .liuliang{
                   width: 198px;
                   height: 27px;
                   margin: 0 auto;
                   padding-top:15px;
                   font: 14px/22px "Microsoft YaHei","微软雅黑";
               }
               .chongzhi{
                   width: 198px;
                   height: 155px;
                   margin: 0 auto;
                   ul{
                       width: 198px;
                       height: 110px;
                       li{
                           widows: 198px;
                           height: 30px;
                           margin-top: 10px;
                           .shuru{
                               width: 133px;
                               height: 30px;
                               margin-left: 6px;
                               text-indent: 8px;
                           }
                           .liu{
                               width: 133px;
                               height: 30px;
                                margin-left: 6px;
                           }
                            .qian{
                                color: #FF3333;
                                margin-left: 4px;
                            }
                       }
                   }
                   .liji{
                       width: 198px;
                       height: 30px;
                       margin-top: 12px;
                       a{
                           display: block;
                           width: 88px;
                           height: 30px;
                           font: 13px/1.5 "Microsoft Yahei","微软雅黑";
                           line-height: 30px;
                           text-align: center;
                           color: #FFFFFF;
                           background: #FF3333;
                           text-decoration: none;
                       }
                   }
               }
           }
           
       }
       .zhong{
           width: 740px;
           height: 400px;
           float: right;
           margin-top: 10px;
           margin-right: 10px;
           overflow: hidden;
       }
   }
//<!--轮播区结束-->




//图片开始
    
//  精品团购
#kaishi{
    width: 1200px;
    margin-top: 10px;
    margin: 10px auto;
    #jingpin{
        width: 1200px;
        height: 229px;
        .tuangou{
            width: 1200px;
            height: 46px;
            h2{
                font-family: "宋体";
                line-height: 46px;
                float: left;
                color: #666666;
            }
            p{
                float: right;
                a{
                    display: block;
                    width: 57px;
                    height: 17px;
                    font: 12px/36px "Microsoft YaHei","微软雅黑";
                    text-decoration: none;
                    color: #666666;
                    margin-top: 10px;
                    line-height: 46px;
                }
            }         
        }
        .tupian{
            width: 1200px;
            height: 182px;
            border-left: 1px solid #EDEDED;
            border-right: 1px solid #EDEDED;
            ul{
               width: 1200px;
               height: 182px;
               list-style: none;
               li{
                   width: 300px;
                   height: 180px;
                   border-top: 1px solid #EDEDED;
                   border-bottom: 1px solid #EDEDED;
                   float: left;
                   a{
                       display: block;
                       width: 298px;
                       height: 180px;
                       background: url(../img/jingpin1.jpg);
                       background-size:100%;
                       &:hover{
                           border-left: 1px solid #EDEDED;
                           border-right: 1px solid #EDEDED;
                           border-bottom: 2px solid #FF3333;
                   }
                   }
                   
               } 
            }
        }
    }
    
    
    

//   特色购 
    #tese{
        width: 1200px;
        height: 528px;
        margin-top: 10px;
        .tese{
            width: 1200px;
            height: 46px;
            h2{
                line-height: 46px;
                font-family: "宋体";
                color: #666666;
            }
        }
        .tupianqu{
            width: 1200px;
            height: 372px;
            .buting{
                width: 1200px;
                height: 371px;
                list-style: none;
                li{
                    float: left;
                }
                .tu1{
                    width: 200px;
                    height: 372px;               
                    a{
                        display: block;
                        width: 200px;
                        height: 372px;
                        background: url(../img/tese1.jpg);
                    }
                }
                .zhekou{
                    width: 370px;
                    height: 218px;
                    a{
                        display: block;
                        width: 370px;
                        height: 218px;
                        background: url(../img/tese2.jpg);
                    }
                }
                .paihang{
                    width: 208px;
                    height: 218px;
                    a{
                        display: block;
                        width: 208px;
                        height: 218px;
                        border: 1px solid #EDEDED;
                        background: url(../img/tese3.jpg);
                    }
                }
                .jianpan{
                    width: 208px;
                    height: 218px;
                    a{
                        display: block;
                        width: 208px;
                        height: 218px;
                        border: 1px solid #EDEDED;
                        background:url(../img/tese4.jpg);
                    }
               }
                .zhuji{
                    width: 208px;
                    height: 218px;
                    a{
                        display: block;
                        width: 208px;
                        height: 218px;
                        border: 1px solid #EDEDED;
                        background:url(../img/tese5.jpg);
                    }
                }
                .shouhuan{
                    width: 370px;
                    height: 152px;
                    a{
                        display: block;
                        width: 370px;
                        height: 152px;
                        border: 1px solid #EDEDED;
                        background:url(../img/tese6.jpg);
                    }
                }
                .jianeng{
                    width: 208px;
                    height: 152px;
                    a{
                        display: block;
                        width: 208px;
                        height: 152px;
                        border: 1px solid #EDEDED;
                        background:url(../img/tese7.jpg);
                    }
                }
                .yedeng{
                    width: 208px;
                    height: 152px;
                    a{
                        display: block;
                        width: 208px;
                        height: 152px;
                        border: 1px solid #EDEDED;
                        background:url(../img/tese8.png);
                    }
                }
                .zhiwen{
                    width: 208px;
                    height: 152px;
                    a{
                        display: block;
                        width: 208px;
                        height: 152px;
                        border: 1px solid #EDEDED;
                        background:url(../img/tese9.png);
                    }
                }
            }
        }
        .xia{
            width: 1200px;
            height: 110px;
            .xiatu{
                width: 1200px;
                height: 90px;
                margin-top: 20px;
                a{
                    display: block;
                    width: 1200px;
                    height: 90px;
                    background: url(../img/tese10.jpg);
                }
            }
        }
    }
    
    
    
    
//一楼  
    #yilou{
        width: 1200px;
        height: 643px;
        margin-top: 30px;
        .shang{
           width: 1200px;
           height: 46px;
           h2{
               width: 200px;
               height: 46px;
               line-height: 46px;
               font: 27px/36px "宋体";
               color: #333333;
               float: left;
           }
           p{
               float: right;
               a{
                   padding: 0px 10px 0px 10px;
                   font: 12px/36px "Microsoft YaHei","微软雅黑";
                   text-decoration: none;
                   color: #666666;
                   border-right: 1px solid #D9D9E3;
                   line-height: 46px;
                   &:hover{
                       color: #CC0000;
                       text-decoration: underline;
                   }
               }
           }
        }
        .tupianqu{
            width: 1200px;
            height: 420px;
            .remen{
                width: 360px;
                height: 420px;
                float: left;
                a{
                    display: block;
                    width: 360px;
                    height: 420px;
                    background: url(../img/1lou1.jpg);
                }
            }
            ul{
                width: 840px;
                height: 420px;
                float: right;
                list-style: none;
                li{float: left;}
                .xiaomi{
                    width: 420px;
                    height: 209px;
                    a{
                       display: block;
                       width: 420px;
                       height: 209px;
                       border-top: 1px solid #EDEDED;
                       background: url(../img/1lou2.jpg);
                       background-size:100%; 
                    }
                }
                .leshi{
                    width: 210px;
                    height: 209px;
                    .bian{                       
                        width: 209px;
                        height: 209px;
                        border: 1px solid #EDEDED;
                    }
                    .shouji{
                        width: 160px;
                        height: 20px;
                        margin: 16px auto;
                        a{  
                            color: #333333;
                            text-decoration: none;
                            font: 14px/20px "Microsoft YaHei","微软雅黑";
                            &:hover{
                                color: #CC0000;
                                text-decoration: underline;
                            }
                        }
                    }
                    p{
                        margin-top: -12px;
                        margin-left: 25px;
                        color: #CC0000;
                        font: 14px/20px "Microsoft YaHei","微软雅黑";
                    }
                    .tu{
                        display: block; 
                        width: 160px;
                        height: 120px;
                        margin: 12px auto;
                        background: url(../img/leshishouji.jpg);
                        background-size: 100%;
                    }
                }
            }   
        }
        .xia{
            width: 1200px;
            height: 68px;
           ul{
               width: 1200px;;
               height: 68px;
               border: 1px solid #EDEDED;
               border-top: none;
               list-style: none;
               li{
                   width: 120px;
                   height: 66px;
                   float: left;
                   a{
                       display: block;
                       width: 118px;
                       height: 66px;
                       background: url(../img/oppo.jpg);
                       &:hover{
                           width: 111px;
                           height: 66px;
                           margin-left: 4px;
                           border-left: 1px solid #EDEDED;
                           border-right: 1px solid #EDEDED;
                       }
                   }
               }
            }
        }
        .ditupian{
            width: 1200px;
            height: 90px;
            margin-top: 20px;
            a{
                display: block;
                width: 1200px;
                height: 90px;
                background: url(../img/zhuban.jpg);
            }
        }
    }
    
    
    
    
    
////二楼    
//  #erlou{
//      width: 1200px;
//      height: 643px;
//      margin-top: 30px;
//      background: royalblue;       
//  }
    
    
    
    
    
    
////三楼  
//  #sanlou{
//      width: 1200px;
//      height: 533px;
//      margin-top: 30px;
//      background: royalblue;
//  }
    
    
    
    
    
    
////四楼
//  #silou{
//      width: 1200px;
//      height: 643px;
//      margin-top: 30px;
//      background: darkred;
//  }
}
//图片结束





//<!--底部开始-->
    #dibu{
        widows: 100%;
        height: 544px;
        margin-top: 30px;
        border-top: 1px solid #D9D9D9;
        .dibu{
            width: 1200px;
            height: 319px;
            margin: 0 auto;
            ul{
                width: 1200px;
                height: 110px;
                margin-top: 30px;
                list-style: none; 
                border-bottom: 1px solid #EDEDED;                                  
                li{
                    width: 200px;
                    height: 50px;
                    float: left;
                    margin-top: 30px;                  
                    line-height: 50px;
                    i{
                        font-size: 50px;
                        color: #0BAE75;
                        margin:0px 18px 0px 25px ;
                    }
                    a{
                        color: #333333;
                        text-decoration: none;
                        padding-bottom: 5px;
                    }       
                }            
            }
            .zhinan{
                width: 1200px;
                height:209px ;
                margin-top: 20px;
                .gouwu{
                    width: 175px;
                    height: 112px;
                    float: left;                  
                    dt{
                        width: 175px;
                        height: 28px;
                        font-size: 15px;
                        margin-top: 10px;
                                     
                    }
                    dd{
                        display: block;
                        width: 175px;
                        height: 84px;
                        p{
                            display: block;
                            width: 175px;
                            height: 28px;
                            a{
                                text-decoration: none;
                                font-size: 12px;
                                color: #666666;
                                &:hover{
                                    color: #666666;
                                    text-decoration: underline;
                                }
                            }
                        }     
                    }  
                }
                .hezuo{
                    width: 205px;
                    height: 116px;
                    float: right;
                    background: url(../img/r.png) 0px -210px no-repeat;
                    dt{
                        width: 145px;
                        height: 28px;
                        font-size: 16px;
                        margin-top: 7px;
                        margin-left: 55px;     
                    }
                    dd{
                        display: block;
                        width: 145px;
                        height: 88px;
                        margin-left: 55px;
                        p{
                            display: block;
                            width: 145px;
                            height: 28;
                            font-size: 12px;
                            line-height: 28px;
                            color: #333333;
                        }
                        a{
                            display: block;
                            width: 80px;
                            height: 26px;
                            text-decoration: none;
                            color: #FFFFFF;
                            background: #FF3333;
                            font-size: 14px;
                            line-height: 26px;
                            text-align: center;
                            margin-top: 5px;
                        }
                    }   
                }
                .guanzhu{
                    width: 270px;
                    height: 88px;
                    float: right;
                    background: url(../img/r.png) 0px -85px no-repeat;
                    dt{
                        width: 210px;
                        height: 28px;
                        font-size: 16px;
                        margin-top: 7px;
                        margin-left: 55px;     
                    }
                    dd{
                        display: block;
                        width: 145px;
                        height: 88px;
                        margin-left: 55px;
                        p{
                            display: block;
                            width: 145px;
                            height: 28;
                            font-size: 12px;
                            line-height: 28px;
                            color: #333333;
                        }
                        a{
                            display: block;
                            width: 120px;
                            height: 32px;
                            text-decoration: none;
                            font-size: 14px;
                            color: #333333;
                            line-height: 26px;
                            padding-left: 25px;
                            margin-top: 5px;
                            background: url(../img/r.png) 0px -2px no-repeat;
                            &:hover{
                                text-decoration: underline;
                            }
                        }
                    }   
                }
            }
        }
        .youqing{
            width: 100%;
            height: 224px;
            background: #2D2D2D;
            padding-top: 25px;
            .di{
                width: 100%;
                height: 224px;
                .xinyu{
                    width: 1200px;
                    height: 46px;
                    margin-top: 14px;
                    margin: 0 auto;
                }
                .guanyul{
                    width: 1210px;
                    height: 24px;
                    margin-top: 20px;
                    a{
                        font-size: 12px;
                        color: #999999;
                        text-decoration: none;
                        padding-left: 10px;
                        padding-right: 10px;
                        border-right: 1px solid #665747;
                         float: left;
                        &:hover{
                                text-decoration: underline;
                            }
                    }
                    .span{
                        display: block; 
                        width: 500px;
                        height: 45px;
                        padding: 0px 0px 0px 15px;
                        color: #999;
                    }
                }
                .huoban{
                    width: 1200px;
                    height: 169px;
                    margin: 0 auto;                  
                    div{
                        width: 1200px;
                        height: 48px;   
                        span{
                            width: 60px;
                            height: 24px;
                            font-size: 14px;
                            color: #CCC;
                            float: left;
                        }
                        p{
                            width: 1010px;
                            height: 48px;
                            float: left;
                            margin-top: -5px;
                            a{
                                color:#FFFFFF;
                                text-decoration: none;
                                font-size: 12px;
                                padding-left: 10px;
                                padding-right: 10px;
                                border-right: 1px solid #665747;
                                &:hover{
                                    text-decoration: underline;
                                }
                            }
                        }                                              
                    } 
                .zaixianl{
                        width: 1210px;
                        height: 24px;
                        a{
                            font-size: 12px;
                            color: #FFF;
                            text-decoration: none;
                            padding-left: 10px;
                                padding-right: 10px;
                                border-right: 1px solid #665747;
                            &:hover{
                                    text-decoration: underline;
                                }
                        }
                    }
                                                                  
                }        
            }
        }
    }
//<!--底部结束-->



















